<template>
  
    <div>
        <h1>2----登陆页面</h1>

        <p>用户名：<input type="text" v-model="name"></p>

        <p>密码：<input type="text" v-model="password"></p>

        <p><button @click="login">登陆</button></p>


    </div>


</template>

<script>
import axios from 'axios'

export default {

    // 1. 数据
    data() {
        return {
            name: '',
            password: ''
        }
    },

    // 2. 方法
    methods: {
        login(){
            // console.log(this.name, this.password, '-----------')
            axios({
                url: 'http://127.0.0.1:8000/demo/teacher/',
                method: 'post',
                data:{'name':this.name, 'password':this.password}
            }).then(res => {
                console.log(res.data)
                
                if (res.data.code == 200) {
                    // 2.1 name, id 返回给vue，保存到sessionStorage中，用来实现状态保持
                    sessionStorage.setItem('name', res.data.name)
                    sessionStorage.setItem('id', res.data.id)

                    // 2.2 跳转到首页
                    this.$router.push('/')
                    
                }else{
                    // 2.3 提示错误信息
                    alert(res.data.msg)
                }


            })

        }
    },

}
</script>

<style>

</style>